 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link href="../../../eui/plugins/layui/css/layui.css" rel="stylesheet" media="all" />
    <link href="../../../eui/css/components.min.css" rel="stylesheet" media="all" />
    <link href="../../../eui/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" media="all" />
    <style>  
	  .layui-colla-title {  
	    font-size: large;  
	    font-weight: 600;  
	    /* 其他样式属性 */  
	  }
  </style>  
</head>

<body>
 <div class="portlet light" id="form_wizard_1">
     <form class="layui-form"style="padding-top: 20px" lay-filter="cForm">
            <div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label" style="width:100px">起始日期：</label>
					<div class="layui-input-inline">
						<input id="startDate" type="text" name="startDate" autocomplete="off" class="layui-input"
							lay-verify="required">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label" style="width:100px">结束日期：</label>
					<div class="layui-input-inline">
						<input id="endDate" type="text" name="endDate" autocomplete="off" class="layui-input"
							lay-verify="required">
					</div>
				</div>
				<div class="layui-inline">
					<label class=" layui-form-label" style="width:120px;" >股票</label>
					<div class="layui-input-inline" style="width:300px;" >
					 	<select id="stock" name="stock" lay-filter="stock" lay-verify="required" lay-search></select>
					</div>
				</div>
                <div class="layui-inline">
          	 	  <button type="button" class="layui-btn" lay-submit="" lay-filter="search" id="searchButton"><i class="fa fa-search"></i> 查询</button>
        	 	</div>
            </div>
     </form>
 	<div class="portlet-body">
		<div class="layui-row">
			<div class="layui-col-md12">
				<div id="title" style="text-align: center;font-size: large;color: red;font-weight: 600;"></div>
    		</div>
		</div>
		<div class="layui-collapse">
		  <div class="layui-colla-item">
		    <div class="layui-colla-title">公司信息</div>
		    <div class="layui-colla-content layui-show">
				<form id="dForm" class="layui-form" style="padding-top: 20px;display:none" lay-filter="dForm">
		            <div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">法人代表：</label>
							<div class="layui-input-inline">
								<input type="text" name="chairman" autocomplete="off" class="layui-input" disabled>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">总经理：</label>
							<div class="layui-input-inline">
								<input type="text" name="manager" autocomplete="off" class="layui-input" disabled>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">董秘：</label>
							<div class="layui-input-inline">
								<input type="text" name="secretary" autocomplete="off" class="layui-input" disabled>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">注册资本(万元)：</label>
							<div class="layui-input-inline">
								<input type="text" name="regCapital" autocomplete="off" class="layui-input" disabled>
							</div>
						</div>
		            </div>
		            <div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">注册日期：</label>
							<div class="layui-input-inline">
								<input type="text" name="setupDate" autocomplete="off" class="layui-input" disabled>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">所在省份：</label>
							<div class="layui-input-inline">
								<input type="text" name="province" autocomplete="off" class="layui-input" disabled>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">所在城市：</label>
							<div class="layui-input-inline">
								<input type="text" name="city" autocomplete="off" class="layui-input" disabled>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label" style="width:100px">官网：</label>
							<div class="layui-input-inline">
								<input type="text" name="website" autocomplete="off" class="layui-input" style="width:400px;" disabled>
							</div>
						</div>
		            </div>
		            <div class="layui-form-item">
						<div class="layui-inline" style="width:100%">
							<label class="layui-form-label" style="width:100px">公司介绍：</label>
							<div class="layui-input-inline" style="width:90%">
								<textarea name="introduction" autocomplete="off" class="layui-textarea" disabled></textarea>
							</div>
						</div>
		            </div>
		            <div class="layui-form-item">
						<div class="layui-inline" style="width:100%">
							<label class="layui-form-label" style="width:100px">经营范围：</label>
							<div class="layui-input-inline" style="width:90%">
								<textarea name="businessScope" autocomplete="off" class="layui-textarea" disabled></textarea>
							</div>
						</div>
		            </div>
		     	</form>
		    </div>
		  </div>
		  <div class="layui-colla-item">
			    <div class="layui-colla-title">股东信息</div>
			    <div class="layui-colla-content layui-show">
					<div class="layui-container" style="width:100%"> 
						<div class="layui-row">
							<div class="layui-col-md12">
								<div id="holdernumber" style="height:300px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md12">
								<div id="holders" style="height:400px;"></div>
				    		</div>
						</div>
					</div>
				</div>
		   </div>
		   <div class="layui-colla-item">
			    <div class="layui-colla-title">交易指标</div>
			    <div class="layui-colla-content layui-show">
					<div class="layui-container" style="width:100%"> 
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="mv" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="close" style="height:300px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="pb" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="pettm" style="height:300px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="psttm" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="dvttm" style="height:300px;"></div>
				    		</div>
						</div>
					</div>
				</div>
			</div>
			 <div class="layui-colla-item">
			    <div class="layui-colla-title">收入指标</div>
			    <div class="layui-colla-content layui-show">
					<div class="layui-container" style="width:100%"> 
						<div class="layui-row">
							<div class="layui-col-md12">
								<div id="total_revenue" style="height:400px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md12">
								<div id="gross_margin" style="height:400px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md12">
								<div id="fees" style="height:400px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="extra_item" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="assets_impair_loss" style="height:300px;"></div>
				    		</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">财务指标</div>
			    <div class="layui-colla-content layui-show">
					<div class="layui-container" style="width:100%"> 
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="saleexp_to_gr" style="height:300px;"></div>
				    		</div>
				    		<div class="layui-col-md6">
								<div id="eps" style="height:300px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="fcff" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="roe" style="height:300px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="roic" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="debt_to_assets" style="height:300px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="q_profit_yoy" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="rd_exp" style="height:300px;"></div>
				    		</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">资产负债</div>
			    <div class="layui-colla-content layui-show">
					<div class="layui-container" style="width:100%"> 
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="total_assets" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="inventories" style="height:300px;"></div>
				    		</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="goodwill" style="height:300px;"></div>
				    		</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">现金流量</div>
			    <div class="layui-colla-content layui-show">
					<div class="layui-container" style="width:100%"> 
						<div class="layui-row">
							<div class="layui-col-md6">
								<div id="n_cash_flows_fnc_act" style="height:300px;"></div>
				    		</div>
							<div class="layui-col-md6">
								<div id="n_incr_cash_cash_equ" style="height:300px;"></div>
				    		</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">业绩预告</div>
			    <div class="layui-colla-content layui-show">
			         <div class="dataTables_wrapper" style="margin-top: 0px!important" >
			             <table class="layui-hide" id="forecastTable" lay-filter="forecastTable"></table>
			         </div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">主营构成</div>
			    <div class="layui-colla-content layui-show">
			         <div class="dataTables_wrapper" style="margin-top: 0px!important" >
			             <table class="layui-hide" id="mainBzTable" lay-filter="mainBzTable"></table>
			         </div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">大宗交易</div>
			    <div class="layui-colla-content layui-show">
			         <div class="dataTables_wrapper" style="margin-top: 0px!important" >
			             <table class="layui-hide" id="blockTradeTable" lay-filter="blockTradeTable"></table>
			         </div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">十大流通股东</div>
			    <div class="layui-colla-content layui-show">
			         <div class="dataTables_wrapper" style="margin-top: 0px!important" >
			             <table class="layui-hide" id="floatholderTable" lay-filter="floatholderTable"></table>
			         </div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">股票回购信息</div>
			    <div class="layui-colla-content layui-show">
			         <div class="dataTables_wrapper" style="margin-top: 0px!important" >
			             <table class="layui-hide" id="repurchaseTable" lay-filter="repurchaseTable"></table>
			         </div>
				</div>
			</div>
			<div class="layui-colla-item">
			    <div class="layui-colla-title">股东增减持信息</div>
			    <div class="layui-colla-content layui-show">
			         <div class="dataTables_wrapper" style="margin-top: 0px!important" >
			             <table class="layui-hide" id="holderTradeTable" lay-filter="holderTradeTable"></table>
			         </div>
				</div>
			</div>
		 </div>
    </div>
 </div>
<!-- END EXAMPLE TABLE PORTLET-->
<script src="../../../eui/plugins/echarts/echarts.min.js"></script>
<script src="../../../eui/plugins/echarts/theme/macarons2.js"></script>
<script src="../../../eui/plugins/jquery.min.js"></script>
<script src="../../../eui/plugins/layui/layui.all.js"></script>
<script src="../../../eui/js/base.js"></script>
<script src="indicator.js"></script>
</body>
</html>